/* Fullscreen preloader */
 #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#1a1a1a23 ; 
    backdrop-filter: blur(30px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it stays on top */
}

/* Image inside the preloader */
#preloader img {
    width: 100px; /* Adjust the size */
    height: auto;
    animation: rotate 2s linear infinite;
     /* Add rotation animation */
}

/* Animation for rotation */
@keyframes rotate {
    0% {
        /* transform: rotate(0deg); */
        scale: 1.2;
    }
    50%{
        scale: 1;
    }
    100% {
        /* transform: rotate(360deg); */
        scale: 1.2;
    }
}